<!-- PC -->
<!-- 通用顶部导航栏 -->
<head>
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<style>
    .top-list
    {
        border: solid red 2px;
        background-color: #f1f1f1;
    }
    .top-list > div > a
    {
        text-decoration: none;
        color: black;
    }
    .top-list > .item-wrapper
    {
        display: inline-flex;
        flex-direction: column;
        /* border: solid yellow 2px; */
    }
    .top-list > .item-wrapper:hover
    {
        background-color: cadetblue;
    }
    .top-list > .item-wrapper:visited
    {
        background-color: green;
    }
</style>
    <img src="logo.png" alt="" width="500px">
    <div class="top-list">
        <div class="item-wrapper">
            <i class="fa fa-lemon-o" aria-hidden="true"></i>
            <a href="a" target="_blank">第1项</a>
        </div>
        <div class="item-wrapper">
            <i class="fa fa-lemon-o" aria-hidden="true"></i>
            <a href="a">第2项</a>
        </div>
        <div class="item-wrapper">
            <i class="fa fa-lemon-o" aria-hidden="true"></i>
            <a href="a">第3项</a>
        </div>
        <div class="item-wrapper">
            <i class="fa fa-lemon-o" aria-hidden="true"></i>
            <a href="a">第4项</a>
        </div>